<template>
  <div class="home page">
    <el-row>
      <el-col :span="12">
        <figure-plot :setting="robotSetting"/>
      </el-col>
      <el-col :span="12">
        <figure-plot :setting="consoleSetting"/>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import 'echarts-gl';
import axios from 'axios'
import figurePlot from "./figurePlot.vue";
// import nutrients from '@/assets/json/nutrients.json'

axios.defaults.baseURL = '/api'
export default {
  data() {
    return {
      robotSetting: {
        ref: 'figure-robot',
        id: '3d-figure-robot',
        category: 'ROBOT'

      },
      consoleSetting: {
        ref: 'figure-console',
        id: '3d-figure-console',
        category: 'CONSOLE'
      },
      data: {}
    }
  },
  components: { figurePlot },
  created() {
    this.rows = this.$route.params.rows
  }
}
</script>

<style scoped lang="scss">
.dg.main {
    transition: opacity .1s linear;
}
.dg {
    color: #eee;
    font: 11px Lucida Grande, sans-serif;
    text-shadow: 0 -1px 0 #111;
}
.dg .property-name {
    cursor: default;
    float: left;
    clear: left;
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dg .cr.string {
    border-left: 3px solid #1ed36f;
}
.dg li:not(.folder) {
    cursor: auto;
    height: 27px;
    line-height: 27px;
    padding: 0 4px 0 5px;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
</style>
